﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CreateDiscussion.aspx.cs"
    Inherits="CreateDiscussion" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <style>
    </style>
    <link href="../Styles/metro.blue.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/Hazem.css" rel="stylesheet" type="text/css" />
    <title>Create New Discussion</title>
</head>
<body>
    <form id="form1" runat="server">
    <div id="header" class="hazemHeader">
        <h3 id="username" runat="server" style="text-transform: none; float: right; margin-right: 10px;">
        Hi</h3>
    </div>
    <br />
    <div class="hazemBody">
        <h1 class="accent">
            Create New Discussion
        </h1>
        <br />
        <table>
            <tr>
                <td>
                    <h3>
                        Title:</h3>
                    &nbsp;
                </td>
                <td>
                    <input id="title" runat="server" type="text" style="width:100%;"/>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    <h3>
                        Participants:</h3>
                    &nbsp;
                </td>
                <td>
                    <input id="participants" runat="server" type="text" style="width:100%" />
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    <h3>
                        Private?</h3>
                    &nbsp;
                </td>
                <td>
                    <asp:CheckBox id="discussionType" runat="server" />
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    <h3>
                        First Comment:
                    </h3>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <textarea id="firstComment" runat="server" style="width:100%"></textarea>
                    &nbsp;
                </td>
            </tr>
        </table>
        
        <asp:Button runat="server" id="btnSubmit" class="hazemButton" text="submit"/>
        
    </div>

    
    
    <script type="text/javascript">
        // mergin-top of the body
    </script>
    </form>
</body>
</html>

<!-- TODO:
    1- search thingi
    2- moraba3at thingi
    3- ON/OFF toggle windows 8 style
-->



                <!--
                    color wheel so they choose theme :)
                    
                    <input id="Text9" type="hidden" style="width:100%" />
                    <input id="Text1" type="button" style="width:100%" />
                    <input id="Text2" type="checkbox" style="width:100%" />
                    <input id="Text3" type="color" style="width:100%" />
                    <input id="Text4" type="date" style="width:100%" />
                    <input id="Text5" type="datetime" style="width:100%" />
                    <input id="Text6" type="datetime-local" style="width:100%" />
                    <input id="Text7" type="email" style="width:100%" />
                    <input id="Text8" type="file" style="width:100%" />
                    <input id="Text10" type=image style="width:100%" />
                    <input id="Text12" type="month" style="width:100%" />
                    <input id="Text11" type="number" style="width:100%" />
                    <input id="Number1" type="radio" style="width:100%" />
                    <input id="Number2" type="password" style="width:100%" />
                    <input id="Number3" type="range" style="width:100%" />
                    <input id="Number4" type="reset" style="width:100%" />
                    <input id="Number5" type="search" style="width:100%" />
                    <input id="Number6" type="submit" style="width:100%" />
                    <input id="Number7" type="tel" style="width:100%" />
                    <input id="Number8" type="time" style="width:100%" />
                    <input id="Time1" type="week" style="width:100%" />
                    <input id="Time2" type="url" style="width:100%" />
                 -->